<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>民族文化网</title>
    <link rel="stylesheet" href="./index.css">
    <link rel="stylesheet" href="./base.css">
    <link rel="shortcut icon" th:href="@{/favicon.ico}"/>
    <link rel="bookmark" th:href="@{/favicon.ico}"/>
</head>
<body>
<!-- 顶部 -->
<div class="top-bg">
    <div class="top-center">
        <h5 class="top-left">西南民族大学—民族文化网</h5>
        <div class="top-right">
            <a href="./us.html">关于我们</a>
        </div>
    </div>
</div>
<!-- 标题部分 -->
<div class="title"> 
<div class="title1"> 
    <h2>西南民族大学-民族文化网</h2>
</div>
<div class="title1"> 
    <h2>SMU-National Culture Website</h2>
</div>
</div>
<!-- 导航条 -->
<div class="navg">
    <div class="navg-center">
        <li><a th:href="@{/}">首页<br>(HOME)</a></li>
        <li><a href="./TibetanSong.html">藏族歌舞视频<br>(Tibetan Song and Dance videos)</a></li>
        <li><a href="./TibetanRecite.html">口诵文献唱调音频<br>(Recite the literature)</a></li>
        <li><a th:href="@{/allCnkis}">知网论文数据<br>(Knowledge of the paper data)</a></li>
        <li><a th:href="@{/submit}">联系我们<br>(CONTACT)</a></li>
    </div>
</div>

<!-- 底部内容 -->
<div class="total">
    <img src="./文献.png" alt="">
    <h3>纳西东巴文图像</h3>
    <img src="./文献.png" alt="">
</div>
<div class="infor">
</div>

<div class="infor0">
    <div class="infor1">
        <!-- 左侧板块简介 -->
        <div>板块简介</div>
        <div class="txt">
            <div>纳西东巴文图像：包含了大量关于纳西东巴文图像的数据，让我们领悟欣赏蕴藏在这一笔一划里面的艺术</div>
        </div>
    </div>
    <!-- 右侧图浏览 -->
<!--    下方编译器给警告请忽略-->
    <div class="image" th:each="imgObj: ${imgObjs}">
        <div class="image0">
            <a th:href="${imgObj.getInfo_path()}"><img th:src="${imgObj.getInfo_path()}" class="img"></a>
            <div class="bt"><div th:text="${imgObj.getDescription()}"></div>
            </div>
        </div>
    </div>
</div>
<div class="nv">
    <img src="./更多.png" alt="">
    <a th:href="@{/image}">点此浏览更多</a>
</div>

<!-- 底部内容 -->
<div class="total">
    <img src="./歌舞.png" alt="">
    <h3>藏族歌舞视频</h3>   
    <img src="./歌舞.png" alt=""> 
</div>
<div class="infor">
</div>

<div class="infor0"> 
<div class="infor1">
    <!-- 左侧板块简介 -->
<div>板块简介</div>
<div class="txt">
    <div>藏族歌舞视频：藏族的歌舞刚劲有力，热情奔放，充分展示了藏族人民坚毅果敢的性格。</div>
</div>
</div>
    <!-- 右侧图浏览 -->
<div class="image">
    <div class="image0">
        <a href = 'https://oss.xuziao.cn/databasecourse/vedio/%E8%97%8F%E6%97%8F%E6%AD%8C%E8%88%9E%E3%80%8A%E6%89%8D%E4%BB%81%E6%8E%AA%E6%AF%9B%E5%A7%91%E5%A8%98%E3%80%8B.mp4'> <img src="./才仁措毛姑娘.png" class="img"></a>
    <div class="bt">才仁措毛姑娘
    </div>
    </div>
</div>
<!-- 如用循环可以注释 -->
<div class="image">
    <div class="image0">
        <a href = 'https://oss.xuziao.cn/databasecourse/vedio/%E8%97%8F%E6%97%8F%E6%AD%8C%E8%88%9E%E3%80%8A%E9%85%92%E6%AD%8C%E3%80%8B.mp4'> <img src="./酒歌.png" class="img"></a>
    <div class="bt">酒歌
    </div>
    </div>
</div>
<div class="image">
    <div class="image0">
        <a href = 'https://oss.xuziao.cn/databasecourse/vedio/%E8%97%8F%E6%97%8F%E6%AD%8C%E8%88%9E%E3%80%8A%E9%9B%AA%E5%B1%B1%E9%98%BF%E4%BD%B3%E3%80%8B.mp4'> <img src="./雪山阿佳.png" class="img"></a>
    <div class="bt">雪山阿佳
    </div>
    </div>
</div>
<!-- 如用循环可以注释 -->
</div>
<!-- 页面跳转 -->
<div class="nv">
    <img src="./更多.png" alt="">
    <a href="./TibetanSong.html">点此浏览更多</a>
</div>



<!-- 底部内容 -->
<div class="total">
    <img src="./文献.png" alt="">
    <h3>知网论文数据</h3>
    <img src="./文献.png" alt="">
</div>
<div class="infor">
</div>

<div class="infor0">
    <div class="infor1">
        <!-- 左侧板块简介 -->
        <div>板块简介</div>
        <div class="txt">
            <div>知网论文数据：包含了大量关于藏，彝，纳西族的论文材料，更加方便各位查询下载。</div>
        </div>
    </div>
    <!-- 右侧图浏览 -->
    <div class="image" th:each="complexInfoObj: ${complexInfoObjs}">
    <div class="image0">
        <a th:href="${complexInfoObj.getPdf_path()}"><img th:src="${complexInfoObj.getPaths()[0]}" class="img"></a>
        <div class="bt"><p th:text="${complexInfoObj.getName()}" style="word-wrap:break-word; width: 270px"></p>
        </div>
    </div>
</div>
</div>
<div class="nv">
    <img src="./更多.png" alt="">
    <a th:href="@{/allCnkis}">点此浏览更多</a>
</div>




<a href="https://beian.miit.gov.cn/" target="_blank" style="color:black">鄂ICP备2021012060号</a>
</body>
</html>